<!-- 作业管理-工作计划汇总 -->
<template>
    <div class="questionBank">
        <el-card class="box-card" body-style="display: flex; align-items: center; justify-content: space-between;">
            <div class="cardBody">
                <div>
                    <el-button size="medium" type="primary" icon="el-icon-arrow-left"
                        @click="$router.push({ path: '/HomeworkManagement/Summary' })">
                        返回
                    </el-button>
                </div>
            </div>
        </el-card>

        <!-- 列表 -->
        <el-card class="boxCard">
            <el-table :data="tableData" stripe style="width: 100%" :height="tableHeight" border>
                <el-table-column label="黔西市花溪将军山100MW风电项目施工计划" align="center" >
                    <el-table-column prop="mini1" label="作业名称" align="center" ></el-table-column>
                    <el-table-column prop="mini2" label="作业内容" align="center" ></el-table-column>
                    <el-table-column prop="mini3" label="工作负责人" align="center" ></el-table-column>
                    <el-table-column prop="mini4" label="工作班成员" align="center" ></el-table-column>
                    <el-table-column prop="mini5" label="投入设备" align="center" ></el-table-column>
                    <el-table-column prop="mini6" label="危险点" align="center" ></el-table-column>
                    <el-table-column prop="mini7" label="预控措施" align="center" min-width="300"></el-table-column>
                    <el-table-column prop="mini8" label="风险等级" align="center" ></el-table-column>
                    <el-table-column label="旁站监护人员" align="center" >
                        <el-table-column prop="mini9" label="分包" align="center" ></el-table-column>
                        <el-table-column prop="mini10" label="总包" align="center" ></el-table-column>
                        <el-table-column prop="mini11" label="监理" align="center" ></el-table-column>
                        <el-table-column prop="mini12" label="业主" align="center" ></el-table-column>
                    </el-table-column>
                </el-table-column>
            </el-table>
            <div class="boxCard_-pagination">
                <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                    :current-page="currentPage" :page-sizes="[10, 30, 50, 100]" :page-size="pageSize"
                    layout="total, sizes, prev, pager, next, jumper" :total="total">
                </el-pagination>
            </div>
        </el-card>

    </div>
</template>

<script>
    import {
        apiTrainingStudyProgressList
    } from "@/api/apifox.js";
    export default {
        components: {},
        data() {
            return {
                tableHeight: window.innerHeight - 355,
                tableData: [], // 列表
                currentPage: 1, // 当前页数
                pageSize: 10, // 每页显示条目个数
                total: 0, // 总条目数

                projectId: null,

                queryData: '',
            };
        },
        computed: {},
        created() {

        },
        mounted() {
            this.projectId = this.$store.state.porjectObject.deptId;
            this.queryData = this.$route.query.row;
            this.tableData = this.$route.query.row;
            // this.getList();
        },
        methods: {
            getList() {

            },

            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            },
        }
    };
</script>

<style lang="scss" scoped>
    .questionBank {
        padding: 20px;

        .box-card {

            .cardBody {
                display: flex;
                align-items: center;
                gap: 15px;

                .cardBody1 {
                    display: flex;
                    align-items: center;
                    gap: 10px;

                   .ecard_val {
                       width: 200px;
                   }
                }
            }
        }

        .boxCard {
            margin-top: 20px;

            .boxCard_-pagination {
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 20px;
            }
        }

        .abcdCl {
            width: 80%;
        }

        .abcdCls {
            display: flex;
            align-items: center;
            gap: 10px;
        }
    }
</style>
<style>
    .el-table thead th {
        background: #c7dfff !important;
    }
</style>
